body{
	margin: 0;
	height: 100vh;
	display: flex;
	/*改变主轴方向 向下*/
	flex-direction: column;
	/*设置项目在主轴方向的对齐方式*/
	justify-content: space-between;
	align-items: center;
}
#header-img{
	width: 32vw 	 	;
	height: 32vw;
	border-radius: 50%;
	background-image: url(hehua.JPG);
	background-size: 120%;
	background-position: 70% 20%;
	margin-top: 10vh;
}
form{
	width: 80vw;
}
.control{
	padding: 1vh 0;
	border-bottom: 1px solid gray;
}
input{
	border: none;
	padding: 1vh;
}
.control input,label{
	/*rem是相对单位，相对于根标签：即相对于html字体大小计算的，
	 * 默认16px*/
	/*em是相对父元素字体大小计算的*/
	font-size: .9rem;
}
#login{
	margin-top: 2.5vh;
}
/*属性选择器*/
input[type=button]{
	width: 100%;
	font-size: 1rem;
	background-color: #394;
	color: white;
	border-radius: 5px;
}
a{
	color: gray;
	font-size: .8rem;
	text-decoration: none;
}
#register{
	margin-bottom: 5vh;
	margin-top: 5vh;
	
}
@media screen and (min-aspect-ratio:3/2 ) {
	a{
		position: absolute;
	}
	#forget{
		left: 15vw;
		bottom: 3vh;
	}
	#register{
		right: 15vw;
		bottom: 3vh;
		margin: 0;
	}
	body{
		justify-content: space-around;
	}
	#header-img{
		width: 32vh;
		height: 32vh;
		margin-top: 5vh;
	}
	form{
		margin-top: -10deg;
	}
}
